* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Microsoft YaHei UI','Micrsoft YaHei', arial, sans-serif; }

a {
  cursor: pointer;
  text-decoration: none; }

ul li {
  list-style: none; }

.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  content: ''; }

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  background: white; }
  header .header-in {
    width: 1200px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: space-between; }
    header .header-in p a {
      color: #666;
      font-size: 14px;
      line-height: 30px; }
    header .header-in p .fan {
      color: #f60;
      cursor: pointer; }
    header .header-in ul li {
      float: left;
      list-style: none;
      height: 20px;
      line-height: 20px;
      border-right: solid 1px #666;
      margin-top: 5px; }
      header .header-in ul li span {
        color: #666; }
      header .header-in ul li a {
        color: #666;
        font-size: 14px;
        padding: 0 10px; }
        header .header-in ul li a:hover {
          color: #f60; }

#main {
  width: 100%;
  height: px;
  background: url(../img/m2.png) no-repeat center 0;
  background-size: cover;
  height: 100%;
  min-height: 900px; }
  #main .main-in {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 46px; }
    #main .main-in .rule {
      position: absolute;
      top: 26px;
      right: 60px;
      z-index: 2;
      width: 200px; }
      #main .main-in .rule a {
        margin-right: -10px;
        color: inherit;
        cursor: pointer; }
        #main .main-in .rule a img {
          transition: all 0.5s;
          border: none; }
          #main .main-in .rule a img:hover {
            transform: translateY(-10px); }
    #main .main-in .changgui {
      width: 1156px;
      height: 158px;
      background: url(../img/m21.png) no-repeat 20px center;
      animation: lightSpeedIn 1s ease-out both; }

@keyframes lightSpeedIn {
  transform: translated3d(100%, 0, 0) skewX(-30deg);
  opacity: 0; }
      #main .main-in .changgui p {
        color: #844030;
        font-size: 14px;
        padding: 73px  0 0 340px; }
    #main .main-in .jinbi {
      position: fixed;
      right: 50px;
      top: 100px;
      z-index: 5;
      user-select: none;
      border: none; }
    #main .main-in .libao {
      width: 1200px;
      position: relative;
      background: url(../img/box.png) no-repeat 0 0;
      height: 771px; }
      #main .main-in .libao .libao-in {
        width: 1046px;
        height: 652px;
        position: absolute;
        left: 78px;
        top: 28px; }
        #main .main-in .libao .libao-in .tab-wrap {
          height: 92px;
          color: #622121;
          width: 110%; }
          #main .main-in .libao .libao-in .tab-wrap li {
            width: 261px;
            text-align: center;
            cursor: pointer;
            position: relative;
            float: left;
            border-right: solid 1px #490000; }
            #main .main-in .libao .libao-in .tab-wrap li:hover {
              color: #f9b669; }
            #main .main-in .libao .libao-in .tab-wrap li span {
              position: absolute;
              left: 68px;
              top: 18px;
              font-size: 30px; }
            #main .main-in .libao .libao-in .tab-wrap li img {
              position: absolute;
              left: 61px;
              top: 6px;
              border: none; }
            #main .main-in .libao .libao-in .tab-wrap li p {
              font-size: 24px;
              font-weight: bold;
              padding-left: 40px;
              line-height: 92px;
              position: relative;
              z-index: 2; }
          #main .main-in .libao .libao-in .tab-wrap .now {
            color: #f9b669; }
        #main .main-in .libao .libao-in .slide {
          float: left;
          margin: 22px 0 0 5px;
          width: 527px;
          overflow: hidden;
          height: 544px;
          position: relative; }
          #main .main-in .libao .libao-in .slide .slide-in {
            width: 500%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0; }
            #main .main-in .libao .libao-in .slide .slide-in div {
              background: no-repeat 0 0;
              height: 100%;
              float: left;
              width: 529px; }
              #main .main-in .libao .libao-in .slide .slide-in div .slide-xin {
                padding: 80px 80px 0 70px; }
                #main .main-in .libao .libao-in .slide .slide-in div .slide-xin .name {
                  color: #622121;
                  font-size: 16px;
                  font-weight: bold;
                  padding-bottom: 5px;
                  margin-bottom: 10px;
                  position: relative; }
                  #main .main-in .libao .libao-in .slide .slide-in div .slide-xin .name :after {
                    position: absolute;
                    width: 40px;
                    border-top: solid 1px #622121;
                    content: "";
                    bottom: 0;
                    left: 0; }
                #main .main-in .libao .libao-in .slide .slide-in div .slide-xin .title {
                  margin-bottom: 20px;
                  font-size: 30px;
                  color: #622121;
                  font-family: sans-serif;
                  font-weight: bold; }
                #main .main-in .libao .libao-in .slide .slide-in div .slide-xin .tag {
                  display: inline-block;
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  padding: 0 15px;
                  border-radius: 4px;
                  background: #ffd4d4;
                  font-size: 16px;
                  color: #622121;
                  margin-bottom: 10px; }
                #main .main-in .libao .libao-in .slide .slide-in div .slide-xin .info {
                  margin-bottom: 10px;
                  color: #622121; }
                #main .main-in .libao .libao-in .slide .slide-in div .slide-xin table {
                  width: 300px;
                  border-collapse: collapse;
                  line-height: 20px;
                  font-size: 14px;
                  color: #622121;
                  text-align: center; }
                  #main .main-in .libao .libao-in .slide .slide-in div .slide-xin table tr {
                    display: table-row;
                    vertical-align: inherit;
                    border-color: inherit; }
                    #main .main-in .libao .libao-in .slide .slide-in div .slide-xin table tr td, #main .main-in .libao .libao-in .slide .slide-in div .slide-xin table tr th {
                      border: solid 1px #d8c788; }
            #main .main-in .libao .libao-in .slide .slide-in .slide-he1 {
              background: url(../img/m3.png); }
            #main .main-in .libao .libao-in .slide .slide-in .slide-he2 {
              background: url(../img/m4.png); }
            #main .main-in .libao .libao-in .slide .slide-in .slide-he3 {
              background: url(../img/m5.png); }
            #main .main-in .libao .libao-in .slide .slide-in .slide-he4 {
              background: url(../img/m6.png); }
        #main .main-in .libao .libao-in .gundong {
          width: 460px;
          text-align: center;
          position: absolute;
          right: 58px;
          top: 114px;
          height: 544px;
          overflow: hidden; }
          #main .main-in .libao .libao-in .gundong .gundong-in {
            height: 2176px;
            position: absolute;
            right: 20px;
            top: 0; }
            #main .main-in .libao .libao-in .gundong .gundong-in .item {
              height: 544px; }
              #main .main-in .libao .libao-in .gundong .gundong-in .item p {
                color: #656565;
                font-size: 12px;
                padding-top: 10px;
                padding-left: 20px; }
              #main .main-in .libao .libao-in .gundong .gundong-in .item div {
                margin-bottom: 40px;
                height: 340px;
                line-height: 340px; }
                #main .main-in .libao .libao-in .gundong .gundong-in .item div img {
                  vertical-align: bottom;
                  border: none; }
              #main .main-in .libao .libao-in .gundong .gundong-in .item a {
                font-size: 16px;
                font-weight: bold;
                color: #231d1e;
                display: inline-block;
                width: 204px;
                height: 52px;
                line-height: 45px;
                text-align: center;
                background: url(../img/m7.png) no-repeat 0 0;
                cursor: pointer; }
        #main .main-in .libao .libao-in .left, #main .main-in .libao .libao-in .right {
          cursor: pointer;
          width: 92px;
          height: 92px;
          position: absolute;
          background: url(../img/m22.png) no-repeat center center;
          top: 50%;
          margin-top: -46px; }
          #main .main-in .libao .libao-in .left img, #main .main-in .libao .libao-in .right img {
            width: 30%;
            margin-left: 30px;
            margin-top: 20px; }
        #main .main-in .libao .libao-in .left {
          left: -177px; }
        #main .main-in .libao .libao-in .right {
          right: -130px; }

.ze-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 200;
  background: rgba(0, 0, 0, 0.5);
  display: none; }
  .ze-wrap .ze {
    width: 450px;
    height: 300px;
    position: fixed;
    left: 30%;
    top: 100px;
    z-index: 200; }
    .ze-wrap .ze h3 {
      width: 100%;
      height: 50px;
      line-height: 50px;
      text-align: center;
      background: #e6e6e6;
      color: #666; }
    .ze-wrap .ze .close {
      position: absolute;
      right: 0px;
      top: 10px;
      cursor: pointer; }
    .ze-wrap .ze .xiang {
      width: 100%;
      height: 250px;
      background: white; }
      .ze-wrap .ze .xiang p {
        color: #333;
        font-size: 14px;
        margin: 0 30px;
        padding: 10px 0; }
      .ze-wrap .ze .xiang .last {
        text-align: right;
        margin-top: 20px;
        color: #999;
        font-size: 12px; }
